<template>
	<!-- 年度消防经费开支统计记录表 -->
	<view class="">
		<view class="files">
			<view class="tabs">
				<fui-list bottomBorder title="基本信息">
					<view class="tab">
						<fui-list-cell>
							<text>登记人</text>
							<text class="fui-text__explain">{{inspectionStaff.name}}</text>
						</fui-list-cell>

						<fui-list-cell>
							<text>时间</text>
							<text class="fui-text__explain">{{inspectionStaff.data}}</text>
						</fui-list-cell>
					</view>
				</fui-list>

				<fui-list bottomBorder title="购置消防车辆">
					<view class="tab">
						<fui-input type="number" required @keyup.delete="onKeyInput" v-model="faultSituation.c1"
							label="数量" textAlign="right" placeholder="请输入"></fui-input>

						<fui-input type="number" required @blur="incr(faultSituation.c2)" v-model="faultSituation.c2"
							label="经费" textAlign="right" placeholder="请输入"></fui-input>

					</view>
				</fui-list>
				<fui-list bottomBorder title="维修消防车辆">
					<view class="tab">
						<fui-input type="number" required v-model="faultSituation.c3" label="数量" textAlign="right"
							placeholder="请输入"></fui-input>

						<fui-input type="number" @blur="incr(faultSituation.c4)" required v-model="faultSituation.c4"
							label="经费" textAlign="right" placeholder="请输入"></fui-input>

					</view>
				</fui-list>
				<fui-list bottomBorder title="购置小型灭火器材">
					<view class="tab">
						<fui-input type="number" required v-model="faultSituation.c5" label="数量" textAlign="right"
							placeholder="请输入"></fui-input>

						<fui-input type="number" @blur="incr(faultSituation.c6)" required v-model="faultSituation.c6"
							label="经费" textAlign="right" placeholder="请输入"></fui-input>

					</view>
				</fui-list>
				<fui-list bottomBorder title="维修小型消防器材">
					<view class="tab">
						<fui-input type="number" required v-model="faultSituation.c7" label="数量" textAlign="right"
							placeholder="请输入"></fui-input>

						<fui-input type="number" @blur="incr(faultSituation.c8)" required v-model="faultSituation.c8"
							label="经费" textAlign="right" placeholder="请输入"></fui-input>

					</view>
				</fui-list>
				<fui-list bottomBorder title="安装自动消防设施">
					<view class="tab">
						<fui-input type="number" required v-model="faultSituation.c9" label="数量" textAlign="right"
							placeholder="请输入"></fui-input>

						<fui-input type="number" @blur="incr(faultSituation.c10)" required v-model="faultSituation.c10"
							label="经费" textAlign="right" placeholder="请输入"></fui-input>

					</view>
				</fui-list>
				<fui-list bottomBorder title="维修自动消防设施">
					<view class="tab">
						<fui-input type="number" required v-model="faultSituation.c11" label="数量" textAlign="right"
							placeholder="请输入"></fui-input>

						<fui-input type="number" @blur="incr(faultSituation.c12)" required v-model="faultSituation.c12"
							label="经费" textAlign="right" placeholder="请输入"></fui-input>

					</view>
				</fui-list>
				<fui-list bottomBorder title="安装消火栓、水泵、消防水池等">
					<view class="tab">
						<fui-input type="number" required v-model="faultSituation.c13" label="数量" textAlign="right"
							placeholder="请输入"></fui-input>

						<fui-input type="number" @blur="incr(faultSituation.c14)" required v-model="faultSituation.c14"
							label="经费" textAlign="right" placeholder="请输入"></fui-input>

					</view>
				</fui-list>
				<fui-list bottomBorder title="整改火灾隐患">
					<view class="tab">
						<fui-input type="number" required v-model="faultSituation.c15" label="数量" textAlign="right"
							placeholder="请输入"></fui-input>

						<fui-input type="number" required @blur="incr(faultSituation.c16)" v-model="faultSituation.c16"
							label="经费" textAlign="right" placeholder="请输入"></fui-input>

					</view>
				</fui-list>
				<fui-list bottomBorder title="消防宣传、教育、培训">
					<view class="tab">
						<fui-input type="number" required v-model="faultSituation.c17" label="数量" textAlign="right"
							placeholder="请输入"></fui-input>

						<fui-input type="number" required @blur="incr(faultSituation.c18)" v-model="faultSituation.c18"
							label="经费" textAlign="right" placeholder="请输入"></fui-input>

					</view>
				</fui-list>
				<fui-list bottomBorder title="购买消防资料、书籍">
					<view class="tab">
						<fui-input type="number" required v-model="faultSituation.c19" label="数量" textAlign="right"
							placeholder="请输入"></fui-input>

						<fui-input type="number" @blur="incr(faultSituation.c20)" required v-model="faultSituation.c20"
							label="经费" textAlign="right" placeholder="请输入"></fui-input>
					</view>
				</fui-list>

				<fui-list bottomBorder title="统计">
					<view class="tab">
						<fui-input type="digit" required v-model="faultSituation.c21" label="合计开支" placeholder="请输入">
							<fui-button type="gray" @click="incrOne" bold width="200rpx" height="64rpx" :size="28"
								text="计算经费"></fui-button>
						</fui-input>

						<fui-input required v-model="inspectionStaff.name" label="统计人员姓名" textAlign="right"
							placeholder="请输入"></fui-input>

						<fui-input required v-model="inspectionStaff.data" label="填写日期" textAlign="right"
							placeholder="请输入"></fui-input>
					</view>
				</fui-list>
			</view>

			<view class="tab_ops">
				<!-- 	<view style="width: 100%; display: flex; justify-content: space-between;">
					<fui-button btnSize="small" >巡查人员签字</fui-button>
					<fui-button btnSize="small"  >安全主管签字</fui-button>
				</view> -->
				<view style="padding-top: 40rpx;">
					<fui-button @click="submit" type="success">提交</fui-button>
				</view>
			</view>
			<view>
				<u-picker @confirm="onOpsOne" @cancel="showOpsOne = !showOpsOne" :show="showOpsOne"
					:columns="columnsOne"></u-picker>
			</view>
			<view>
				<u-datetime-picker :minDate="minDate" :maxDate="maxDate" :formatter="formatter" @confirm="onTime"
					@cancel="showTime =!showTime" :show="showTime" mode="datetime"></u-datetime-picker>
			</view>
		</view><strong></strong>
	</view>
</template>

<script>
	import moment, {
		duration
	} from "moment"
	import {
		BASE_IP
	} from '@/common/http/url.js'
	// import test from "../../../uni_modules/uview-plus/libs/function/test"
	// import text from "../../../uni_modules/uview-plus/libs/config/props/text"
	import tools from "@/tools/tools.js"
	export default {
		name: "buildingFireProtection",
		data() {
			return {
				user: "",
				inspectionStaff: {
					name: "",
					data: "",
					time: ""
				},
				v1: "",
				v2: "",
				columnsOne: [
					['优秀', '良好', '及格', '不及格']
				],
				showOpsOne: false,
				showTime: false,
				regime: "",
				year: "",
				month: "",
				day: "",
				faultSituation: {
					c1: "", //地点
					c2: "", //指挥
					c3: "", //参加部门
					c4: "", //演练内容
					c5: "", //演练内容
					c6: "", //演练内容
					c7: "", //演练内容
					c8: "", //演练内容
					c9: "", //演练内容
					c10: "", //演练内容
					c11: "", //演练内容
					c12: "", //演练内容
					c13: "", //演练内容
					c14: "", //演练内容
					c15: "", //演练内容
					c16: "", //演练内容
					c17: "", //演练内容
					c18: "", //演练内容
					c19: "", //演练内容
					c20: "", //演练内容
					c21: 0.00
				},
				faultMaintenanceCondition: {
					c1: "", //出动人数
					c2: "", //出动车辆
					c3: "", //效果
				},
				time: "",
				index: 0,
				minDate: null,
				maxDate: null,
				tid: 0,
				isSubmit: false,
				preset : ""
			}
		},
		mounted() {
			this.calculateMinMaxDates();
		},
		methods: {

			/**
			 * 
			 * @param {Object} path 转入要签字的路径
			 */
			onSignatures(path) {
				let user = uni.getStorageSync("user")
				if (user.signature == "" || user.signature == undefined || user.signature == null) {
					uni.showModal({
						title: "提示",
						content: "用户未上传签名请前往“预设功能-添加操作员-输入账号-添加签名”，如果已添加操作员上传签名即可",
						showCancel: false,
						success: (res) => {
							if (res.confirm) {
								return
							}
						}
					})
					return
				}
				let docPath = path
				let url = BASE_IP + user.signature
				tools.upSignatures(docPath, user.signature)
				// console.log(url)
				// let _this = this
				// uni.downloadFile({ //下载
				// 	url: url, //图片下载地址
				// 	success: res => {
				// 		if (res.statusCode === 200) {
				// 			uni.saveFile({
				// 				tempFilePath: res.tempFilePath,
				// 				success: (r) => {
				// 					console.log(r)
				// 					_this.upSignatures(r.savedFilePath, docPath)
				// 				}
				// 			})
				// 		}
				// 	}
				// });
			},
			/** 签字函数
			 * @param {Object} filePath 签字图片
			 * @param {Object} docPath  要签字的文档
			 */
			upSignatures(filePath, docPath) {
				console.log(filePath, docPath)
				let user = uni.getStorageSync("user")
				let url = BASE_IP + "pc/regulatory/signature/word"
				uni.uploadFile({
					header: {
						"Authorization": user.token,
					},
					name: "file",
					url: url,
					formData: {
						"unitId": user.unitId,
						"path": docPath
					},
					filePath: filePath,
					success: (res) => {
						if (res.statusCode == 500) {
							uni.showToast({
								title: "上传失败",
								icon: "error"
							})
							return
						}
					},
					fail: (res) => {
						uni.showToast({
							title: "上传失败,请重试",
							icon: "error"
						})
					}
				})
			},
			/**
			 * 盖章
			 * @param {Object} path 转入要盖章的文件路径
			 */
			onSeal(path) {
				let pralldata = uni.getStorageSync("pralldata")
				// console.log(pralldata)
				let docPath = path
				if (pralldata.unitFireSeal == "" || pralldata.unitFireSeal == undefined) {
					uni.showModal({
						title: "提示",
						content: "单位未上传消防专用章",
						showCancel: false,
						success: (res) => {
							if (res.confirm) {
								return
							}
						}
					})
					return
				}
				// let url = BASE_IP + pralldata.unitFireSeal
				tools.upLoadSeal(docPath, pralldata.unitFireSeal)
				// console.log(url)
				// 	uni.downloadFile({ //下载
				// 		url: url, //图片下载地址
				// 		success: res => {
				// 			if (res.statusCode === 200) {
				// 				uni.saveFile({
				// 					tempFilePath: res.tempFilePath,
				// 					success: (r) => {
				// 						// console.log(r)
				// 						this.upLoadSeal(r.savedFilePath, docPath)
				// 					}
				// 				})
				// 			}
				// 		}
				// 	});
			},
			/** 盖章函数
			 * @param {Object} filePath 印章图片
			 * @param {Object} docPath  要盖章的文档
			 */
			upLoadSeal(filePath, docPath) {
				let user = uni.getStorageSync("user")
				let url = BASE_IP + "pc/regulatory/update/word"
				uni.uploadFile({
					header: {
						"Authorization": user.token,
					},
					name: "file",
					url: url,
					formData: {
						"unitId": user.unitId,
						"path": docPath
					},
					filePath: filePath,
					success: (res) => {
						// console.log(res)
						if (res.statusCode == 500) {
							uni.showToast({
								title: "盖章失败",
								icon: "error"
							})
							return
						}
						if (res.statusCode == 404) {
							uni.showToast({
								title: "盖章失败",
								icon: "error"
							})
							return
						}
					},
					fail: (res) => {
						uni.showToast({
							title: "盖章失败,请重试",
							icon: "error"
						})
					}
				})
			},
			onKeyInput(res) {
				// this.faultSituation.c21 -= Math.abs(parseFloat(num));
			},
			incr(num) {
				if (num != 0 && num != undefined && num != "") {
					// this.faultSituation.c21 =  parseFloat(num);
				}
			},
			incrOne() {
				if (this.faultSituation.c2 == "") {
					uni.showToast({
						title: "表单未填写完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c4 == "") {
					uni.showToast({
						title: "表单未填写完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c6 == "") {
					uni.showToast({
						title: "表单未填写完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c8 == "") {
					uni.showToast({
						title: "表单未填写完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c10 == "") {
					uni.showToast({
						title: "表单未填写完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c12 == "") {
					uni.showToast({
						title: "表单未填写完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c14 == "") {
					uni.showToast({
						title: "表单未填写完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c16 == "") {
					uni.showToast({
						title: "表单未填写完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c18 == "") {
					uni.showToast({
						title: "表单未填写完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c20 == "") {
					uni.showToast({
						title: "表单未填写完整",
						icon: "error"
					})
					return
				}
				this.faultSituation.c21 =
					parseFloat(this.faultSituation.c2) +
					parseFloat(this.faultSituation.c4) +
					parseFloat(this.faultSituation.c6) +
					parseFloat(this.faultSituation.c8) +
					parseFloat(this.faultSituation.c10) +
					parseFloat(this.faultSituation.c12) +
					parseFloat(this.faultSituation.c14) +
					parseFloat(this.faultSituation.c16) +
					parseFloat(this.faultSituation.c18) +
					parseFloat(this.faultSituation.c20)
			},
			onSelectTime(index) {
				this.tid = index
				this.showTime = !this.showTime
			},
			calculateMinMaxDates() {
				const today = moment().startOf("day");
				const minDate = today.clone().subtract(60, "days");
				const maxDate = today.clone().startOf("day");

				this.minDate = minDate.valueOf();
				this.maxDate = maxDate.valueOf();
			},
			formatter(type, value) {
				if (type === 'year') {
					return `${value}年`
				}
				if (type === 'month') {
					return `${value}月`
				}
				if (type === 'day') {
					return `${value}日`
				}
				if (type === 'hour') {
					return `${value}时`;
				}
				if (type === 'minute') {
					return `${value}分`;
				}
				return value
			},
			onTime(res) {
				const timestamp = res.value
				const formattedDateTime = moment(timestamp).format("YYYY-MM-DD HH:mm:ss");
				switch (this.tid) {
					case 1: {
						this.faultSituation.c1 = formattedDateTime
						break
					}
					case 2: {
						this.faultMaintenanceCondition.c3 = formattedDateTime
						break
					}
				}
				this.showTime = !this.showTime
				// console.log(formattedDateTime)
			},
			onShowOps(index) {
				this.index = index
				this.showOpsOne = !this.showOpsOne
			},
			onOpsOne(res) {
				// this.situation = res.value[0]
				// console.log(res)
				// switch (this.index) {
				// 	case 1: {
				// 		this.faultMaintenanceCondition.c1 = res.value[0]
				// 		break
				// 	}
				// 	case 2: {
				// 		this.faultMaintenanceCondition.c2 = res.value[0]
				// 		break
				// 	}

				// }
				this.faultMaintenanceCondition.c3 = res.value[0]
				this.showOpsOne = !this.showOpsOne
			},
			submit() {

				if (this.isSubmit) {
					uni.showToast({
						title: "请勿重复提交",
						icon: "error"
					})
					return
				}
				uni.showLoading({
					title: "正在提交"
				})
				if (this.inspectionStaff.name == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.inspectionStaff.data == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c1 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c2 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c3 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c4 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c5 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c6 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c7 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c8 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c9 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c10 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c11 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c12 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c13 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c14 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c15 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c16 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c17 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c18 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c19 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c20 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}
				if (this.faultSituation.c21 == "") {
					uni.showToast({
						title: "表单填写不完整",
						icon: "error"
					})
					return
				}



				let url = BASE_IP + "pc/record/record/fire/fireStatisticsRecordsAnnualFireControlExpenditure"

				let classifyId = this.regime.classifyId
				// console.log(this.regime)
				let user = uni.getStorageSync("user")

				let json1 = {
					name: this.inspectionStaff.name,
					data: this.inspectionStaff.data,
					c1: this.faultSituation.c1,
					c2: this.faultSituation.c2,
					c3: this.faultSituation.c3,
					c4: this.faultSituation.c4,
					c5: this.faultSituation.c5,
					c6: this.faultSituation.c6,
					c7: this.faultSituation.c7,
					c8: this.faultSituation.c8,
					c9: this.faultSituation.c9,
					c10: this.faultSituation.c10,
					c11: this.faultSituation.c11,
					c12: this.faultSituation.c12,
					c13: this.faultSituation.c13,
					c14: this.faultSituation.c14,
					c15: this.faultSituation.c15,
					c16: this.faultSituation.c16,
					c17: this.faultSituation.c17,
					c18: this.faultSituation.c18,
					c19: this.faultSituation.c19,
					c20: this.faultSituation.c20,
					c21: this.faultSituation.c21,
				}

				let flag_storage = true
				// let user = uni.getStorageSync("user")
				if (user.signature == "" || user.signature == undefined || user.signature == null) {
					uni.showModal({
						title: "提示",
						content: "用户未上传签名请前往“预设功能-添加操作员-输入账号-添加签名”，如果已添加操作员上传签名即可",
						showCancel: false,
						success: (res) => {
							if (res.confirm) {
								uni.navigateTo({
									url: "/pages/preinstall/preinstall"
								})
								flag_storage = false
								return
							}
						}
					})
					return
				}

				if (!flag_storage) {
					return
				}

				let pralldata = this.preset
				console.log(pralldata)
				let falg_seal = true
				if (pralldata.unitFireSeal == "" || pralldata.unitFireSeal == undefined) {
					uni.showModal({
						title: "提示",
						content: "单位未上传消防专用章,请前往“预设功能-单位消防专用章”上传",
						showCancel: false,
						success: (res) => {
							if (res.confirm) {
								uni.navigateTo({
									url: "/pages/preinstall/preinstall"
								})
								falg_seal = false
								return
							}
						}
					})
					return
				}

				if (!falg_seal) {
					return
				}


				this.isSubmit = !this.isSubmit
				uni.request({
					url: url,
					header: {
						"Authorization": user.token,
						'Content-Type': 'application/x-www-form-urlencoded'
					},
					data: {
						unitId: user.unitId,
						name: user.nickName,
						classifyId: classifyId,
						json: JSON.stringify(json1),
						uuid : user.uuid
					},
					method: "POST",
					success: (res) => {
						console.log(res)

						if (res.statusCode == 200) {
							uni.showToast({
								title: "上传成功",
								icon: "success"
							})

							// this.onSeal(res.data.path)
							// this.onSignatures(res.data.path)

							setTimeout((r) => {
								uni.navigateBack({
									delta: 1,
									success: function() {
										const pages = getCurrentPages(); //获取当前页面栈
										const prevPage = pages[pages.length -
											1]; //获取上一个页面实例对象
										prevPage
											.getCollapseDatas(); //调用上一个页面的onLoad方法
									}
								});
							}, 1500)

							return
						}

						if (res.statusCode == 500) {
							uni.showToast({
								title: "上传失败",
								icon: "error"
							})
							this.isSubmit = !this.isSubmit
							return
						}
						if (res.statusCode == 404) {
							uni.showToast({
								title: "上传失败",
								icon: "error"
							})
							this.isSubmit = !this.isSubmit
							return
						}
					},
					fail: (res) => {
						uni.showToast({
							title: "上传失败",
							icon: "error"
						})
						this.isSubmit = !this.isSubmit
					}
				})
			},
			getPrall() { //获取预设功能对象数据
			let pralldata = uni.getStorageSync("pralldata")
			this.preset = pralldata
				// let user = uni.getStorageSync("user")
				// let url = BASE_IP + "pc/presetfunction/find/presetFunction/" + user.unitId + "/" + user.uuid
				// uni.request({
				// 	header: {
				// 		"Authorization": user.token,
				// 	},
				// 	url: url,
				// 	success: (res) => {
				// 		this.preset = res.data
				// 	},
				// 	fail: (res) => {
				// 		// console.log("请求失败：", res)
				// 	}
				// })
			}
		},
		onLoad(ops) {
			uni.setNavigationBarTitle({
				title: "年度消防经费开支统计记录表"
			})
			this.getPrall()
			let user = uni.getStorageSync("user")
			// console.log(user)
			this.regime = JSON.parse(ops.regime)
			console.log(this.regime)
			this.inspectionStaff.name = user.nickName

			const currentDate = moment();
			const year = currentDate.year();
			const month = currentDate.month() + 1;
			const day = currentDate.date();
			this.year = year
			this.month = month + "月"
			this.day = day
			this.inspectionStaff.data = year + "-" + month + "-" + day

			let pralldata = uni.getStorageSync("pralldata")



			this.inspectionStaff.time = pralldata.operatingTimeStart + " - " + pralldata.operatingTimeEnd

			const currentTime = moment().format("HH:mm");
			this.time = currentTime
			console.log("获取当前时间：", currentTime);
		}
	}
</script>

<style>
	page {
		background-color: #F1F4FA;
	}

	.tabs {
		width: 95%;
		margin: auto;
	}

	.tab {
		width: 100%;
		background-color: white;
		border-radius: 8px;
		/* margin: auto; */
		box-shadow: 1px 1px 10px #DCDFE6;
		padding-top: 10rpx;
		padding-bottom: 20rpx;
	}

	.fui-text__explain {
		font-size: 14px;
		color: #606266;
	}

	.tab_ops {
		padding: 40rpx;
		padding: 40rpx;
	}
</style>